<?php
/*
 * Template Name: Contato
 */
?>
<?php get_header(); ?>     

<style type="text/css" media="screen">
    div.wpcf7{
        margin-left: 30px; width: 85%; padding: 10px;  background: #333;  
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    }
    
    p.titulo-contato{ padding-bottom: 3px; border-bottom: 1px solid #444; 
                      font-size: 22px !important; color: #6ec01b !important;
    }
    
    form p {font-weight: bold; color:#fff !important; padding-bottom: 3px; font: Verdana,Arial,Helvetica,sans-serif; }
    
    form input, form textarea{
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding: 7px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 15px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    }
    
    form input[type=text]{width: 60%;}    

    form textarea { 
            width: 75%;
            height: 150px;
            line-height: 150%;
            }

    input:hover, textarea:hover,
    input:focus, textarea:focus { 
            border-color: #C9C9C9; 
            -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
            }


    input[type=submit] {
            width: auto;
            padding: 9px 15px;
            background: #2c800d;
            border: 0;
            font-size: 14px;
            color: #FFFFFF;
            border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
            margin: 15px;
            }
            
    input[type=submit]:hover{background: #6ec01c; cursor: pointer;}
            
    form p em{color: #6ec01b; font-weight: normal;}
    
    div.wpcf7-validation-errors{
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        color: #D8000C;
        background-color: #FFBABA;
        background-image: url('<?php bloginfo('template_url')?>/images/error.png');   
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    }
    
    span.wpcf7-not-valid-tip{
        top: 144%;
        left: 0%;
        color: #000;
        background: #ffbaba;
        width: 327px;
    }
    
    div.wpcf7-mail-sent-ok {
        border: 2px solid #398F14;
        color: white;
        background: #398F14;
    }    
    
</style>

                
                <!--- CONTENT --->

                <div id="conteudo-pagina" class="shadow">
                   
                    <div id="container" class="grid-12">
                        
                    <!--- LIST-POSTS --->                                             
                        
                        <div class=" alpha grid-8">
                            
                         <?php if(have_posts()): while (have_posts()): the_post(); ?>   
                            <div class="post">
                                <h1 style="border: none;"><?php the_title(); ?></h1>
                                <hr />
                                
                                <span class="texto"><?php the_content(__('Leia Mais')); ?></span>
                                
                            </div>    
                            
                         <?php endwhile; else:?> 
                         <?php endif; ?> 
                             <hr />  
                        </div>                   

                    <!--- SIDEBAR --->                                         
                    
                    <?php get_sidebar(); ?>

                    </div>
                    <div class="clearfix"></div>
                </div>
                
                
                <!--- BOTTOM-CONTENT --->


            </div>
        </div>

        <!--- FOOTER --->       

  <?php get_footer(); ?>